* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    outline: none;
}
html,body{
    height: 100%;
}
#app{
    width: 100%;
    height: 100%;
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.none {
    display: none;
}

.block {
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    /*不用有内容也可以*/
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.redbtn-text {
    background-color: transparent;
    border-color: transparent;
    color: #f16543;
    cursor: pointer;
}

.greenbtn-text {
    cursor: pointer;
    color: #0bb27a;
}

.no-border-btn{
    border:none;
    &:hover {
        
        color: #0bb27a;
    }
}
// button 
.cancle-btn-border {
    padding: 6px 16px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    border-color: #e1e6eb;
    color: #495060;
    &:hover {
        background-color: #fff;
        border-color: #59c993;
        color: #59c993;
    }
}

.pierced {
    padding: 6px 16px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    border-color: #59c993;
    color: #0bb27a;
    ;
    &:hover {
        background-color: #b4e7d4;
        border-color: #b4e7d4;
        color: #0bb27a;
    }
}

.pierced-nobg {
    padding: 6px 16px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    border-color: #59c993;
    color: #0bb27a;
    ;
    &:hover {
        border-color: #b4e7d4;
        color: #0bb27a;
    }
}

.save-btn-green {
    background-color: #0bb27a;
    border-color: #0bb27a;
    color: #fff;
    font-size: 12px;
    &:hover {
        background-color: #59c993;
        border-color: #59c993;
        color: #fff;
    }
}

.default-btn {
    color: #495060;
    font-size: 12px;
    &:hover {
        border-color: #59c993;
        color: #59c993;
    }
}

.top-back-btn {
    background: linear-gradient(180deg, white 0%, #fcfcfd 44%, #f0f4f8 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
    border: none;
    &:hover {
        border: none;
        color: #0bb27a;
    }
}

.btn-font-green-border {
    background: #fff;
    color: #0bb27a;
    border-color: #0bb27a;
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
    &:hover {
        background-color: #b4e7d4;
        border-color: #b4e7d4;
        color: #0bb27a;
    }
}
.border-dashed{
    border-style: dashed; 
}
// 间距
.ml12 {
    margin-left: 12px;
}

.mr12 {
    margin-right: 12px;
}
.mt12{
    margin-top: 12px;
}
.mr18 {
    margin-right: 18px;
}
.mb32{
    margin-bottom: 32px;
}

/* 公司部门选择 */

.selecte-section {
    align-items: center;
}

.selecte-section-search {
    margin-left: 16px;
}

/* 表格公共样式 */

.table-actions {
    font-size: 12px;
    justify-content: flex-end;
}

.table-action-item {
    padding: 0 14px;
    transition: color 0.2s;
    cursor: pointer;
    position: relative;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    &::before {
        content: " ";
        background: #e1e6eb;
        width: 2px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    &:hover {
        color: #0bb27a;
    }
}

.table {
    margin-top: 24px;
    font-size: 12px;
}

.ivu-table {
    font-size: 12px;
    color: #1c2438;
}

.ivu-table th {
    min-width: 0;
    height: 48px;
    box-sizing: border-box;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle; // border-bottom: 1px solid #e8eaec;
    height: 44px;
    min-width: 0;
    vertical-align: middle;
    position: relative;
    background: #f5f8fa;
    font-weight: normal;
}

.ivu-table-border td,
.ivu-table-border th {
    border: none;
}

.table-action-btn {
    font-size: 12px;
    color: #0bb27a;
}

.table-wrap {
    position: relative;
    .selecte-btn {
        .btn-title {
            display: inline-block;
        }
        .btn-right-action {
            display: inline-block;
        }
    }
    align-items: center;
    .btn-item {
        margin: 16px 16px 0 0;
        height: 32px;
        line-height: 32px;
        cursor: move;
        position: relative;
        float: left;
        font-weight: 400;
        color: #fff;
        font-size: 12px;
        border-radius: 4px;
        white-space: nowrap;
        background-color: #0bb27a;
        transform: translate(0, 0); // padding: 0 10px;
        .btn-title {
            padding: 0 10px;
            border-right: 1px solid rgba(255, 255, 255, 0.3);
        }
        .delelte-btn {
            width: 30px;
        }
    }
    .btns-wrap {
        justify-content: flex-start;
    }
    .table-item-title {
        margin-top: 32px;
        font-size: 16px;
        color: #495060;
    }
    .btn-item-disabled {
        margin: 16px 16px 0 0;
    }
    .btn-item-default {
        background-color: #fff;
        border-color: #e1e6eb;
        color: #495060;
    }
    .bottom-section {
        display: flex;
        justify-content: flex-end;
    }
}

.table-header-title {
    height: 400px;
    width: 100%;
    overflow-y: auto; // padding: 24px 16px 100px;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    background-color: #f5f8fa;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    border-top: 1px solid #f0f4f8;
    .btn-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .title-showed {
        height: 100%;
        overflow-y: auto;
        padding: 24px 16px 100px;
    }
    .footer-btns {
        border-top: 1px solid #e1e6eb;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 64px;
        width: 100%;
        z-index: 999;
        background-color: #f5f8fa;
        line-height: 64px;
        text-align: right;
        padding: 0 24px;
    }
    .cancle-btn {
        border: none;
        background: none;
        &:hover {
            color: #59c993;
        }
    }
    .save-btn {
        font-size: 12px;
        background-color: #0bb27a;
        border-color: #0bb27a;
        &:hover {
            background-color: #b4e7d4;
            border-color: #b4e7d4;
            color: #0bb27a;
        }
    }
    .btn-wrap {
        position: relative;
        margin: 16px 16px 0 0;
        &:hover {
            .hover-add-btn {
                display: block;
            }
        }
    }
    .btn-item-unselected {
        padding: 6px 16px;
        font-size: 12px;
        border-radius: 4px;
        font-size: 12px;
    }
    .hover-add-btn {
        position: absolute;
        width: 100%;
        height: 100%;
        line-height: 32px;
        text-align: center;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.5);
        left: 0;
        top: 0;
        font-size: 12px;
    }
    .btns-container {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .table-header-item3 {
        // padding-bottom: 24px;
    }
}

.tableTitleShowed {
    display: block
}

.table-header-title .table-header-item {
    font-size: 16px;
    color: #495060;
    .header-row {
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
    }
    .title {
        margin-right: 8px;
    }
    .desc {
        // display: inline-block;
        margin-left: 8px;
        color: #80848f;
        font-size: 12px;
        font-size: 12px;
        i {
            color: #f90;
        }
    }
}

.content .container {
    padding-top: 100px;
}

// 简要信息，来自统计分析页面
.simple-info-section {
    margin: 32px 0;
    .simple-info-item {
        background: white;
        border: 1px solid #f0f4f8;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        display: inline-flex;
        flex: 1;
        margin-left: 20px;
    }
    .inner {
        flex: 1;
        height: 120px;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
    }
    :nth-child(n + 2)::before {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #f0f4f8;
        content: ' ';
        width: 1px;
        height: 48px;
    }
    .simple-1 {
        flex: 1 1 0%;
    }
    .simple-2 {
        flex: 2 1 0%;
    }
    .simple-3 {
        flex: 2 1 0%;
    }
    .simple-4 {
        flex: 3 1 0%;
    }
    p {
        width: 100%;
    }
    .title {
        color: #495060;
    }
    .count {
        margin-top: 12px;
    }
    .num {
        font-size: 24px;
        color: #1c2438;
        font-weight: bold;
    }
    .unit {
        color: #80848f;
        font-size: 14px;
    }
    .desc {
        font-size: 12px;
        display: flex;
        align-items: center;
        margin-top: 12px;
        font-size: 12px;
        color: #80848f;
        justify-content: center;
    }
    .red-num {
        color: #ed3f14;
    }
}

// table 
.ivu-table-row-hover {
    background-color: #f0f5ff;
}

.ivu-table td,
.ivu-table th {
    border-color: #f0f2f4;
    height: 44px !important;
    color: #495060;
}

.ivu-table-header thead tr th {
    height: 44px;
}

.partment-icon {
    margin-right: 12px;
}

.add-btn {
    font-size: 12px;
    background-color: #0bb27a;
    border-color: #0bb27a;
    &:hover {
        background-color: #59c993;
        border-color: #59c993; // color: #0bb27a;
    }
}

.more-btn {
    background: transparent;
    color: #0bb27a;
    border-color: #0bb27a;
    font-size: 12px;
    padding-left: 24px;
    padding-right: 24px;
    &:hover {
        background-color: #b4e7d4;
        border-color: #b4e7d4;
        color: #0bb27a;
    }
}

.table {
    overflow: scroll;
}

// 快速编辑
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(55, 55, 55, 0.6);
    z-index: 1000;
}

.right-cart {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    overflow: auto;
    background: #fff;
    width: 500px;
}

.right-cart-close {
    z-index: 1;
    position: absolute;
    right: 16px;
    overflow: hidden;
    cursor: pointer;
    line-height: 1;
    line-height: 50px;
    height: 50px;
    color: #999;
    transition: color 0.2s ease;
    &:hover {
        color: #444;
    }
}

.right-cart-title {
    padding: 14px 16px;
    font-size: 16px;
    font-weight: bold;
    color: #1c2438;
    text-align: left;
}

.right-cart-top {
    border-bottom: 1px solid #f0f4f8;
}

.right-cart-footer {
    height: 56px;
    position: absolute;

    right: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-cart-body {
    // overflow-y: auto;
    padding: 16px;
}

// input form 表单相关
.form-item-row {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    padding-left: 4px;
}

.form-option-add-btn {
    width: 30px;
    margin-left: 14px; // position: absolute;
    // top: 4px;
    cursor: pointer; // left: 315px;
    &:hover {
        color: #0bb27a;
    }
}

.form-input {
    width: 300px;
}

// .form-item{
//     display: flex;
//     justify-content: flex-start;
// }
.ivu-form-item {
    margin-bottom: 32px;
}

.form-item-row2 {
    display: block;
    a {
        color: #0bb27a;
    }
}

.form-item-tip {
    margin: -30px 0 20px 110px;
    font-size: 12px;
}

.ivu-form-item-label {
    margin-right: 0;
}

.ivu-form .ivu-form-item-label {
    padding-right: 24px;
}

.no-border {
    border: none !important;
}

.ivu-select-visible .ivu-select-selection {
    border-color: #0bb27a;
    outline: 0;
    box-shadow: 0 0 0 0px rgba(45, 140, 240, .2);
}

.ivu-input:hover {
    border-color: #0bb27a;
}

.ivu-select-selection-focused,
.ivu-select-selection:hover {
    border-color: #0bb27a;
}

.ivu-select-item-selected,
.ivu-select-item-selected:hover {
    color: #0bb27a;
}

.ivu-input:focus {
    border-color: #0bb27a;
    outline: 0;
    box-shadow: 0 0 0 0px rgba(45, 140, 240, .2);
}

.raido-margin {
    margin-right: 24px;
}

.form-input217 {
    width: 217px;
    display: inline-block;
}

.form-input75 {
    width: 75px;
    display: inline-block;
}

.replenish {
    margin: -28px 0 10px 0;
    font-size: 12px;
    width: 100%;
    padding-left: 150px;
    a {
        color: #0bb27a;
    }
}

.ivu-form-item-content {
    display: flex;
    align-items: center;
}

.switch {
    margin-right: 20px;
}

.ivu-switch-checked {
    border-color: #0bb27a;
    background-color: #0bb27a;
}

// input form 表单end
a {
    cursor: pointer;
    color: #0bb27a;
    text-decoration: none;
}

a:hover {
    color: #0bb27a;
}

// .ivu-btn.active, .ivu-btn:active{
//     color: #0bb27a;
//     background-color: #fff;
//     border-color: #0bb27a;
// }
.ivu-btn-text {
    &:hover {
        color: #0bb27a;
    }
    &:focus {
        box-shadow: 0 0 0 0px rgba(45, 140, 240, .2);
    }
}

.ivu-btn-primary {
    border-color: #0bb27a;
    background: #0bb27a;
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
    &:hover {
        background-color: #59c993;
        border-color: #59c993;
    }
    &:focus {
        box-shadow: 0 0 0 0px rgba(45, 140, 240, .2);
    }
}

.ivu-modal-header-inner {
    font-weight: bold;
}

.ivu-modal-body {
    padding: 40px 16px 8px 16px;
}

.ivu-steps-item.ivu-steps-status-wait .ivu-steps-title {
    color: #495060;
    font-weight: 700;
}

.ivu-steps-content {
    padding: 0px 8px 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #80848f;
}

.main {
    margin-left: 180px;
}

.main-content {
    min-width: 1100px;
    padding: 32px;
}

.layout {
    padding-top: 60px;
}

.selecte-title {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    max-width: 186px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #495060;
    &:hover {
        transition: color 0.2s;
        color: #0bb27a;
    }
}

.selecte-wrap {
    cursor: pointer;
    &:hover {
        transition: color 0.2s;
        color: #0bb27a;
    }
}

.top-carts {
    margin-bottom: 32px;
}

.avatar-table {
    max-width: 24px;
    max-height: 24px;
}

.ivu-btn:focus {
    box-shadow: none;
}

.mr10 {
    margin-right: 10px;
}

.ivu-input-search {
    padding: 0 16px!important;
    background: #0bb27a!important;
    color: #fff!important;
    border-color: #0bb27a!important;
    &:hover {
        background: #0bb27a!important;
        color: #fff!important;
        border-color: #0bb27a!important;
    }
}

.ivu-timeline-item {
    padding-bottom: 24px;
}

.table-section {
    margin-top: 32px;
}

.departureModal .ivu-modal-body {
    padding: 20px 0 8px 0;
}

.hidden {
    visibility: hidden;
}

.operate-guide {
    margin: 40px 0;
    h3 {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 15px;
        color: #1c2438;
    }
    p {
        margin-bottom: 5px;
        color: #80848f;
        line-height: 1.5;
    }
}

.mt20 {
    margin-top: 20px;
}

.table-action-btn {
    margin: 0 5px;
    cursor: pointer;
}

// 右侧编辑
.edit-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
    }
    span {
        color: #f90;
    }
    em {
        font-style: normal;
        font-size: 12px;
        color: #80848f;
    }
}

.cart-item2 {
    overflow: hidden;
    h2 {
        line-height: 42px;
        margin-bottom: 24px;
        border-bottom: 1px solid #f0f4f8;
        font-size: 16px;
        font-weight: bold;
    }
    span {
        width: 50%;
        float: left;
        margin-bottom: 8px;
    }
}

.sub-cart-row {
    display: flex;
    height: 60px;
    line-height: 60px;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(73, 80, 96, 0.1);
    justify-content: space-between;
}

.sum {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: #1c2438;
    font-weight: bold;
    .sum-item {
        color: #495060;
        font-weight: normal;
        margin-left: 20px;
    }
}

.job-title {
    text-indent: 20px;
    width: 200px;
    position: relative;
    height: 60px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.edit-hidden {
    margin-top: 24px;
}

.edit-hidden-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hidden-label {
    margin-right: 24px;
}

.hidden-inp {
    width: 180px;
}

.hidden-btn {
    font-size: 14px;
    line-height: 1;
    min-width: 24px;
    height: 24px;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid #e1e6eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    color: #0bb27a;
    &:hover {
        background-color: #b4e7d4;
        border-color: #b4e7d4;
    }
}

.hidden-fotter {
    padding-left: 80px;
    margin-top: 12px;
}

.cart-item3 {
    margin-top: 20px;
}

.middle-num {
    color: #80848f;
    width: 100px;
}

.right-btns {
    min-width: 100px;
    margin-right: 12px;
    font-size: 14px;
    text-align: right;
}

.sum-title {
    font-weight: bold;
}

.modal-input {
    width: 300px;
}

.cart-item-desc {
    margin-bottom: 24px;
    color: #80848f;
}

// 右侧编辑end
.el-menu {
    background: #f8f8f9;
}

.el-menu-item-group__title {
    padding: 0;
}

.el-submenu .el-menu-item {
    min-width: 100%;
}

.ivu-tree-title {
    width: 100%;
}

.tree-content {
    .tree-row {
        display: flex;
        align-items: center;
    }
    .tree-row-left {
        display: flex;
        align-items: center;
    }
    .left-title {
        display: flex;
        align-items: center;
    }
    .left-btn {
        margin-left: 8px;
    }
    .tree-icon {
        margin: 0 4px;
    }
    .tree-row-right {
        .right-item {
            display: inline-block;
        }
    }
}

// 考勤记录
.work-number {
    margin-top: 32px;
    .num {
        color: #1c2438;
        line-height: 32px;
        font-size: 16px;
        margin-right: 56px;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
    }
    .active {
        color: #0bb27a;
    }
}

.ivu-tabs-nav .ivu-tabs-tab-active {
    color: #0bb27a;
}

.ivu-tabs-ink-bar {
    background-color: #0bb27a;
}

.ivu-tabs-nav .ivu-tabs-tab:hover {
    color: #0bb27a;
}

.flex-box {
    display: flex;
    align-items: center;
}

// 步骤条
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span,
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon {
    color: #0bb27a;
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner {
    border-color: #0bb27a;
}

.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner {
    border-color: #0bb27a;
    background-color: #0bb27a;
}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after {
    background: #0bb27a;
}

.schedule .ivu-steps .ivu-steps-title {
    margin-top: 3px;
}

li {
    list-style: none;
}
.form-item2{
    .ivu-form-item-content{
        display: block;
    }
}
.form-item-row-flex{
    .ivu-form-item-content{
        display: flex;
    }
}

.ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #0bb27a;
    background-color: #0bb27a;
}
.add-container{
    padding-bottom: 150px;
}
.title-bar{
    .title{
        align-items: center;
        border-bottom: 1px solid #f0f4f8;
        padding-bottom: 16px;
        margin-bottom: 16px;
        margin-right: 16px;
    font-weight: bold;
    font-size: 16px;
    color: #1c2438;
    }
    span{
        font-weight: inherit;
        font-size: 12px;
        color: #80848f;
        display: inline-flex;
        margin-bottom: 24px;
        line-height: 1em;
    }
}
.fake-table{
    width: 1000px;
    margin-bottom: 24px;
    font-size: 14px;
}
.f-t-header,.f-t-tr {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 50px 0 15px;
}
.f-t-header{
    background: #f5f8fa;
    border: none;
}
.f-t-h-th,.t-t-tr-cell{
    
    flex: 1;
}
.f-t-h-th{
    font-weight: bold;
    color: #1c2438;
}
.f-t-tr{
    border-bottom: 1px dashed #e1e6eb;
}
.tips{
    color: #a0a0a0;
    font-size: 12px;
    line-height: 1em;
    margin-top: 8px;
}
.step-section{
    margin-bottom: 48px;
}
.action{
    flex: 0 0 50px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50px;
}
.del{
    color: rgb(237, 63, 20);
}
.cancle{
    font-size: 12px;
    cursor: pointer;
    &:hover{
        color: #0bb27a; 
    }
}

.bottom-btns-wrap{
    bottom: 0;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 20;
    height: 70px;
    padding-left: 180px;
  }
  .btns{
    height: 100%;
      width: 100%;
      background-color: #ecf5ff;
      display: flex;
      justify-content: center;
      align-items: center;
  }
.step-section{
    padding-bottom: 100px;
}

.header-tip {
    position: relative;
    padding: 8px 16px;
    border-radius: 4px;
    color: #495060;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #495060;
    border: 1px solid #abdcff;
    background-color: #f0faff;
}

.ivu-radio-checked .ivu-radio-inner {
    border-color: #0bb27a;
}
.ivu-radio-inner:after{
    background-color: #0bb27a;
}
.ivu-radio-wrapper-checked{
    span{
        color: #0bb27a
    }
}
.guide-intro{
    color: #80848f;
    line-height: 1;
    margin: 32px 0;
}
.guide-title{
    font-size: 16px;
    font-weight: bold;
    color: #1c2438;
}
.guide-content{
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
}
.query-section{
    margin-top: 32px;
    margin-bottom: -10px;
}
.query-form-item{
    width: 200px;
}
.query-title{
    margin-right: 8px;
}
.query-item{
    margin-right: 16px;
}
.ivu-table:before{
    z-index: 0;
}
.tooltip-custom{
    min-height: 34px;
    min-width: 220px;
    color: white;
    text-align: left;
    text-decoration: none;
    border-radius: 4px;
    white-space: normal;
    word-break: break-all;
    font-size: 12px;
    max-width: 250px;
}
.ml4{
    margin-left: 4px;
}
.form-input4{
    width: 200px;
}
.step-section {
    .section {
        margin-bottom: 32px;
        .s-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 50px;
            border-bottom: 1px solid #f0f4f8;
            margin-bottom: 16px;
            h3 {
                font-weight: bold;
                font-size: 16px;
                color: #1c2438;
            }
        }
    }
    .content-desc{
        font-weight: inherit;
        font-size: 12px;
        color: #80848f;
        margin-bottom: 24px;
        line-height: 1em;
    }
}
.mr24{
    margin-right: 24px;
}
.mt32{
    margin-top: 32px;
}
.large-btn{
    width: 200px;
    height: 48px;
    font-size: 18px;
}
.mt24{
    margin-top: 24px;
}
.p32{
    padding: 32px;
}
.table-cell-bold{
    font-size: 16px;
    font-weight: bold;
}
.star {
    &::before{
        content: '*';
        display: inline-block;
        color: #f90;
        vertical-align: middle;
    }
}
.center{
    text-align: center;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.large{
    min-width: 195px;
}
.ml16{
    margin-left: 16px;
}
.ml30{
    margin-left: 30px;
}
.cal-header-form{
    .form-item-row{
        margin-bottom: 24px;
        .ivu-form-item-label{
            padding-right: 10px;
        }
    }
    .ivu-form-item{
        margin-bottom: 0;
    }
}
.hide{
    visibility: hidden;
}
.flex-end{
    display: flex;
    justify-content: flex-end;
}
.guide{
    color: #80848f;
    line-height: 1;
    margin: 32px 0;
}
.guide-title {
    h3{
        font-size: 16px;
    font-weight: bold;
    color: #1c2438;
    }
    margin-bottom: 16px;
}
.close-guide{
    font-size: 14px;
    margin-left: 16px;
    color: transparent;
    transition: color 0.3s;
}
.guide-item{
    font-size: 14px;
    line-height: 22px;
}
.mb32{
    margin-bottom: 32px;
}
.ivu-table-cell-with-selection .ivu-checkbox-wrapper {
    margin-right: 8px;
}
.form-input-60{
    width: 60px;
}

.selecte-modal-left{
    flex: 1;
    border-right: 1px solid #f0f4f8;
    overflow: hidden;
    .ivu-tabs-nav{
        display: flex;
        width: 100%;
    }
    .ivu-tabs-tab{
        flex: 1;
        text-align: center;
        width: 50%;
    }
}
.selecte-modal-right{
    width: 338px;
    overflow: hidden;
}
.selecte-modal{
    .ivu-modal-body{
        padding: 0;
    }
    .tab-content{
        padding: 10px 16px;
    }
    .lately-group{
        position: relative; 
        padding: 0 16px;
    }
    .mark-bar{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: #f0f4f8;
        width: 100%;
        pointer-events: none;
        height: 46px;
    }
    .lately-item{
        position: relative;
        z-index: 2;
        height: 46px;
    }
    .s-r-header{
        font-size: 14px;
        margin-top: 16px;
        margin-bottom: 12px;
        padding-right: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.m-c-content{
    align-items: initial;
}
.selecte-modal-right{
    padding-left: 16px;
    padding-right: 6px;
}
.s-r-l-item{
    display: flex;
    margin-bottom: 8px;
    padding: 4px 8px;
    background-color: #f8f8f9;
    position: relative;
    align-items: center;
}
.close-right-icon{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    color: #bbbec4;
    position: absolute;
    right: 8px;
    top: 4px;
}
}
.ivu-cascader .ivu-cascader-menu-item{
    text-align: left;
    font-size: 12px;
}

// login

.login-tabs{
    margin-top: -20px;
    width: 100%;
    padding: 50px 0px;
    box-sizing: border-box;
    .ivu-tabs-nav-wrap{
        width: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }
    .ivu-tabs-nav{
        width: 100%;
    }
    .ivu-tabs-tab {
        width: 50%;
        text-align: center;
    }
    .ivu-tabs-ink-bar{
        width: 100%;
    }
}


.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active{
    color: #0bb27a;
}
.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused {
    border-color: #0bb27a!important;
}
.flex-wrap{
    flex-wrap: wrap;
}
.wh140{
    width: 140px !important;

}
.mt24{
    margin-top: 24px;
}
.ivu-table-fixed-header thead tr th{
    text-align: center;
}
.ivu-form-item-error-tip{
    font-size: 12px;
}
// .table6{
//     .ivu-table-header thead tr th{
//         text-align: center;
//     }
// }
.ivu-modal-confirm-head-title{
    font-weight: bold;
}
.demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
}
.form-input300{
    width: 300px;
}

.left-hover-btns{
    display: inline-block;
}
.pointer{
    cursor: pointer;
}
.organization_name{
    display: inline-block;
    width: 100px;
}
.error{
    font-size: 12px;
    line-height: 1;
    padding-top: 6px;
    color: #ed4014;
    margin-left: 110px;
    margin-top: -30px;
}
.attendance-type{
    .disabled{
        cursor: not-allowed;
    background: rgba(0, 0, 0, 0.03);
    }
}
.del {
    cursor: pointer;
}
.departure-item{
    margin-bottom: 20px;
    cursor: pointer;
    padding: 2px 16px;
    &:hover{
        background:#f0f4f8;
    }
}
.yellow{
    color: #f90;
    font-style: normal;
}
.table-input1{
    width: 75px;
    height: 30px;
    .ivu-input{
        height: 100%;
    }
}
.table-input-span{
    width: 10px;
    border-top: 1px solid #e1e6eb;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.table-input{
    height: 30px;
    .ivu-input{
        height: 100%;
    }
}
.socialsecurity-table{
    .ivu-input-group-append{
        border-left: none;
        width: 3px;
        padding: 0;
        background: none;
    }
  .ivu-input-group-with-append{
      .ivu-input{
        border-right: none;
        height: 30px;
    }
  }
  .table-percent{
      .percent{
          position: absolute;
          right: 6px;
          top: 50%;
          transform: translateY(-50%);
      }
    //   .table-input-percent{
    //       padding-right: 6px;
    //   }
  }
}

.form-input-100{
    width: 100px;
}

.org-modal{
    .m-c-content{
        min-height: 400px;
    }
}
.org-modal{
    .selecte-modal-left{
        .ivu-checkbox-wrapper{
            display: flex;
            align-items: center;
            .right-info{
                margin-left: 10px;
            }
        }
    }
   
}
.ivu-select-placeholder{
    text-align: left;
}
.ivu-select-item{
    text-align: left;
}